﻿* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type=button],input[type=submit],input[type=text]{
  -webkit-appearance:none;
  outline:none;
}
textarea {
    -webkit-appearance:none;
    outline:none;
}
.btn-yellow {font-family: "微软雅黑";background-color: #f9a006;text-align: center;border-radius: 20px;font-size: 14px; color: #fff;display: block;border: none;}
.btn-yellow-2 {border-radius: 0;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
color: #ababab; 
text-align: center;
font-size: 12px;
} 
input:-moz-placeholder, textarea:-moz-placeholder { 
color: #ababab; 
text-align: center;
font-size: 12px;
} 
input::-moz-placeholder, textarea::-moz-placeholder { 
color: #ababab; 
text-align: center;
font-size: 12px;
} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
color: #ababab; 
text-align: center;
font-size: 12px;
} 


.tl{text-align: left !important;}
.tr{text-align: right !important;}
.tc{text-align: center !important;}
h1,h2,h3,h3,h4,h5,h6{font-weight: normal;}
.line1{
  border-top: 1px solid #e4e4e4;
  font-size: 0;
  overflow: hidden;
  line-height: 0;
  height: 0;
}
.line2{
  border-top: 1px dashed #e4e4e4;
  font-size: 0;
  overflow: hidden;
  line-height: 0;
  height: 0;
}
body{
  font-family:"微软雅黑","Microsoft Yahei";
  background-color: #f6f6f6;
  color: #2f2f2f;
}
.mhome {
  padding: 0;
  min-width: 320px;
  max-width: 640px;
  margin: 0 auto;
}
.viewport {
  padding: 0;
  min-width: 320px;
  max-width: 640px;
  margin: 0 auto;
}
a { color: #2f2f2f;}

/*头部*/
header{height: 32px;line-height: 32px;padding: 0 14px 0 16px;}
header .city {display: inline-block;padding-left: 22px;background: url(../images/arrow-down.png) 0 center no-repeat; background-size: 12px auto;}
header img {float: right;width: 99px;margin-top: 11px;}

/*banner*/
.slider img { width: 100%;}
.slick-dots {text-align: center;position: relative;margin-top: -20px;}
.slick-dots li { display: inline-block;margin: 0 2px; font-size: 0;width: 8px; height: 9px; border-radius: 50%;background-color: #fff;}
.slick-dots li.slick-active {background-color: #1b6658;}
.slick-dots li button {display: none;}

/*底部*/
footer{height: 42px;}
.fd-nv{height: 42px;position: fixed;left:0;bottom:0;width: 100%;background-color: #f9f9f9;text-align: center;border-top: 1px solid #cbcbcb;}
.fd-nv li{width: 33.33%;text-align: center;float: left;}
.fd-nv li a{color: #bbbbbb;display: inline-block;padding-top: 25px;padding-bottom: 6px;}
.fd-nv li a:active,.fd-nv li.on a{color: #29bee9;}
.fd-nv li.s1{float: left;}
.fd-nv li.s3{float: right;}
.fd-nv li.s1 a{background: url(../images/hm-fd-ico-11.png) no-repeat center 3px;background-size: auto 22px;}
.fd-nv li.s2 a{background: url(../images/hm-fd-ico-21.png) no-repeat center 3px;background-size: auto 22px;}
.fd-nv li.s3 a{background: url(../images/hm-fd-ico-31.png) no-repeat center 3px;background-size: auto 22px;}
.fd-nv li.s1 a:active,.fd-nv li.s1.on a { background-image: url(../images/hm-fd-ico-12.png);}
.fd-nv li.s2 a:active,.fd-nv li.s2.on a { background-image: url(../images/hm-fd-ico-22.png);}
.fd-nv li.s3 a:active,.fd-nv li.s3.on a { background-image: url(../images/hm-fd-ico-32.png);}

/*内容*/
.bd0 .row1{overflow: hidden;padding:12px;background: url(../images/bg.jpg) no-repeat center top;}
.bd0 .row2{background: #fff;overflow: hidden;padding:0 12px;}
.bd0 .row3{background: #fff;overflow: hidden;padding:0 12px; margin-top: 10px;}
.ul-menu1{margin-left: -12px;}
.ul-menu1 li{width: 50%;float: left;margin-bottom: 8px;}
.ul-menu1 li a{display: block;margin-left: 12px;border-radius: 3px;font-size: 16px;padding-left: 45px;height: 53px;line-height: 53px;}
.ul-menu1 li.li1 a{background: url(../images/hm-ico-1.png) no-repeat 8px center #fff;background-size: 32px auto;}
.ul-menu1 li.li2 a{background: url(../images/hm-ico-2.png) no-repeat 8px center #fff;background-size: 32px auto;}
.ul-menu1 li.li3 a{background: url(../images/hm-ico-3.png) no-repeat 8px center #fff;background-size: 32px auto;}
.ul-menu1 li.li4 a{background: url(../images/hm-ico-4.png) no-repeat 8px center #fff;background-size: 32px auto;}
.ul-menu2 li.li1 a{background: url(../images/hm-ico-5.png) no-repeat 8px center #fff;background-size: 32px auto;}
.ul-menu2 li.li2 a{background: url(../images/hm-ico-6.png) no-repeat 8px center #fff;background-size: 32px auto;}
.ul-menu2 li.li3 a{background: url(../images/hm-ico-7.png) no-repeat 8px center #fff;background-size: 32px auto;}
.ul-menu2 li.li4 a{background: url(../images/hm-ico-8.png) no-repeat 8px center #fff;background-size: 32px auto;}
.ul-menu2 li.li1 a{line-height: 1.2em;padding-top: 12px;}
.ul-menu2 li span{display: block;font-size: 12px;}
.itt{text-align: center;}
.itt i{display: inline-block;width: 33%;border-bottom: 1px solid #939393;position: relative;top:11px;}
.itt span{display: inline-block; color: #979898; font-size: 16px;}



/*banner详情页*/
.sitemap {height: 32px;line-height: 32px;color: #fff;background-color: #666666;font-size: 14px;}
.goback {float: left;display: inline-block;height: 32px;background: url(../images/arrow-left.jpg) 9px center no-repeat;background-size: 12px auto;padding: 0 21px 0 9px;}
.bd1 {padding: 6px 4px 0;}
.bd1 .box {padding: 0 14px;background-color: #fff;}
.bd1 h2 { line-height: 52px;font-size: 18px;color: #393939;}
.bd1 .cont {font-size: 14px;color: #adadad;line-height: 24px;text-align: justify;}
.bd1 .info { line-height: 38px;text-align: right;font-size: 14px;color: #adadad;}
.bd1 .info span {padding: 0 13px;}

/*预约服务*/
.bd2 {padding: 0 9px;}
.bd2 .tips {margin: 0 auto;width: 176px;height: 24px;line-height: 24px;color: #fff;background-color: #47b8e1;font-size: 16px;text-align: center;border-radius: 0px 0px 5px 5px;}
.bd2 p {line-height: 26px;color: #a7a7a7;font-size: 12px;}
.bd2 a {display: block;padding: 12px;line-height: 24px;background: url(../images/arrow-right.jpg) 95% center no-repeat #fff;background-size: 12px auto;}
.bd2 .s1 {font-size: 14px;color: #5b5b5b;}
.bd2 .s2 {color: #a7a7a7;}
.bd2 .row2 .s1 {padding-right: 75px;}
.bd2 .row3 div {float: left;width: 50%;background-color: #fff;padding: 6px 0 6px 26px;}
.bd2 .row3 .d1 {border-right: 1px solid #f6f6f6;}
.bd2 .row3 p span {display: inline-block;width: 42px;height: 16px;margin-right: 9px;margin-top: 5px;float: left;border: 1px solid #e9e9e9;border-radius: 10px;position: relative;}
.bd2 .row3 p span em {display: block;width: 14px;height: 14px;border-radius: 50%;background-color: #cccccc;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    position: absolute;
    right: 0;
}
.bd2 .row3 p span.on em {background-color: #f9a006;left: 0;}
#remark {width: 100%;height: 42px;line-height: 42px;background-color: #fff;display: block;border: none;font-family: "微软雅黑";text-align: center;font-size: 12px;}
.agree {display:block;width: 100%;line-height: 30px;text-align: center;}
#hm-inp-1 {vertical-align: middle;margin-right: 3px;}
.hm-inp-2 {height: 40px;line-height: 40px;width: 100%;color: #fff;border: none;}
select{ outline: none; background: none; border-style: none; border: solid 1px #fff;}

/*预约成功*/
.success {padding-top: 45px;}
.success img {display: block;margin: 0 auto;}
.success .tips {line-height: 68px;text-align: center;font-size: 22px;color: #161616;}
.success .tishi {line-height: 18px;color: #a5a5a5;}
.success em {color: #ff2727;font-size: 20px;}
.success .p1 {padding-left: 26%;font-size: 14px;}
.success .p2 {padding-left: 34%;}
.share {margin: 60px auto 32px; width: 155px;height:32px;line-height: 32px;}

/*洗家居用品*/
.bd4 .hd1 {line-height: 36px;background-color: #47b8e1;text-align: center;font-size: 16px;color: #fff;}
.bd4 .hd2 {line-height: 22px;margin: 0 8px 11px;color: #999999;text-align: center;border-radius: 0 0 5px 5px;background-color: #fff;}
.tab-hd {text-align: center;z-index: 10;}
.tab-hd a {display: inline-block;width: 110px;height: 50px;border-radius: 10px;line-height: 50px;text-align: center;font-size: 14px;color: #333333;background-color: #fff;margin: 0 2px;}
.tab-hd a.on {color: #fff;background-color: #47b8e1;}
.tab-fd {padding: 0 8px;margin-top: -26px;z-index: 0;}
.tab-fd ul {display: none;border-radius: 10px;background-color: #fff;padding: 42px 0 30px;}
.tab-fd li {float: left;border-top: 1px solid #f2f2f2;border-right: 1px solid #f2f2f2;width: 33.3%;text-align: center;padding: 7px 0;}
.tab-fd li:nth-child(3n+0){border-right: none;}
.tab-fd li img {display: inline-block;}
.tab-fd li div {line-height: 16px;color: #868686;}

/*绑定手机*/
.bd5 {padding-top: 8px;}
.bd5 li {line-height: 40px;background-color: #fff;border-bottom: 1px solid #f2f2f2;font-size: 14px;color: #333333;padding: 0 8px 0 15px;}
.bd5 span {float: right;}
.bd5 p {float: right;}
.bd5 #hm-inp-3 {float: right;display: inline-block;width: 120px;height: 21px;line-height: 21px;font-family: "微软雅黑";border: none;text-align: center;margin-top: 9px;}
.bd5 .empty {float: right;display: inline-block;width: 21px;height: 21px;background: url(../images/hm-ico-9.jpg);margin-top: 9px;cursor: pointer;}
.bd5 div {padding: 20px 6px 0;}
.bd5 .hm-inp-4 {width: 100%;height: 40px;line-height: 40px;}


/*******************************
  -------[=LZ]-------
********************************/

/*
-----------------[普洗袋装-按件计价]--------------*/
.bg-f2{background-color: #f2f2f2;}

.h-tit1{font-size: 14px;color: #5e5e5e;text-align: center;padding-top: 15px;}

.ul-valu{overflow: hidden;width: 70%;margin: 0 auto;padding: 15px 0;}
.ul-valu li{float: left;width: 50%;text-align: center;height: 32px;}
.ul-valu li a{display: block;line-height: 32px;font-size: 14px;background-color: #fff;}
.ul-valu li.on a{background-color: #47b8e1;color: #fff;}

.ul-tab1{overflow: hidden;padding: 13px 10px 0;}
.ul-tab1 li{float: left;width: 50%;text-align: center;height: 30px;}
.ul-tab1 li a{display: block;line-height: 30px;background-color: #d7d7d7;color: #434343;}
.ul-tab1 li.on a{background-color: #47b8e1;color: #fff;}

.box-tab{padding: 0 10px 20px 10px;}
.box-tab .tit{font-size: 14px;text-align: center;position: relative;overflow: hidden;height: 38px;line-height: 38px;}
.box-tab .tit span{position: relative;display: inline-block;}
.box-tab .tit span:before,.box-tab .tit span:after{content: "";position: absolute;width: 300px;
    border-bottom: 1px solid #eee;height: 0;top: 50%;
}
.box-tab .tit  span:before{right: 100%;}
.box-tab .tit  span:after{left: 100%;}

.box-tab table{width: 100%;}
.box-tab td,.box-tab th{width: 50%;text-align: center;font-weight: normal;height: 35px;border: 1px solid #c9c9c9;}
.box-tab th{background-color: #f2f2f2;}

.h-btn1{width: 72px;height: 72px;display: block;border: 1px solid #ddd;border-radius: 50%;
    text-align: center;position: fixed;bottom: 0;left: 50%;margin-left: -36px;
}
.h-btn1 em{width: 60px;height: 60px;border-radius: 50%;display: block;background-color: #47b8e1;margin-top: 5px;margin-left: 5px;
    color: #fff;font-size: 14px;padding-top: 8px;
}

.ul-bag{padding-top: 40px;overflow: hidden;padding-bottom: 40px;}
.ul-bag li{float: left;width: 50%;}
.ul-bag .pic{background: url(../images/u20.png) no-repeat center center;width: 100px;height: 100px;
    line-height: 100px;text-align: center;font-size: 20px;color: #999;margin: 0 auto 25px;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.ul-bag p{font-size: 14px;text-align: center;}


/*
-----------------[消费指引-常见问题]--------------*/
.ul-problem{}
.ul-problem li{padding: 10px;border-bottom: solid #f1f1f1 1px;}
.ul-problem .tit{overflow: hidden;margin-bottom: 8px;}
.ul-problem em{width: 30px;height: 30px;display: block;background-color: #f1f1f1;float: left;
    text-align: center;line-height: 30px;color: #999;margin-right: 10px;
}
.ul-problem h4{overflow: hidden;height: 30px;line-height: 30px;font-size: 16px;color: #333;}
.ul-problem .con p{overflow: hidden;color: #999;}

.ul-choice{overflow: hidden;}
.ul-choice li{width: 50%;float: left;padding: 20px 15px;}
.ul-choice .top{text-align: center;font-size: 16px;color: #333;margin-bottom: 10px;}
.ul-choice .top em{display: block;background-color: #f1f1f1;width: 50px;height: 50px;border-radius: 50%;
    margin: 0 auto;font-size: 28px;color: #999;margin-bottom: 3px;
}
.ul-choice li:first-child{border-right: 1px solid #f1f1f1;}
.ul-choice li:last-child{width: 100%;border-top: 1px solid #f1f1f1;}
.ul-choice li:last-child .top{float: left;width: 50%;}
.ul-choice .tit{position: relative;}
.ul-choice .top1:after{content: "或";position: absolute;font-size: 18px;left: 48%;top: 10px;
    color: #333;
}
.ul-choice li p{color: #999;}

/*
-----------------[洗涤救治]--------------*/
.box-wash{background-color: #656565;text-align: center;color: #fff;padding: 10px 0;}
.box-wash h3{font-size: 18px;}

.box-cure{padding-top: 20px;}
.box-cure h4{color: #999;padding-left: 10px;margin-bottom: 10px;}

.ul-addImg{overflow: hidden;padding: 0 5px;margin-bottom: 10px;}
.ul-addImg li{float: left;width: 25%;padding: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.ul-addImg li .pic{padding-top: 77%;position: relative;height: 0;}
.ul-addImg li img{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.ul-addImg label{display: block;padding-top: 73%;height: 0;position: relative;margin-top: 4px;}
.ul-addImg label span{cursor: pointer;background: url(../images/pic-02.jpg) no-repeat left center;
  display: block;width: 100%;position: absolute;height: 100%;top: 0;left: 0;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.ul-addImg label input{visibility: hidden;}
.ul-addImg li:first-child{padding-right: 5px;}
.box-cure .info{height: 60px;line-height: 60px;border-top: 1px solid #f1f1f1;overflow: hidden;
    padding-left: 5px;position: relative;
}
.box-cure .info span{color: #999;display: block;float: left;padding-left: 27px;
    background: url(../images/u29.png) no-repeat left center;
}
.box-cure .info select{font-size: 16px;color: #333;position: absolute;width: 100%;top: 15px;left: 0px;
    height: 30px;border: 0;outline: 0;padding-left: 80px;
    background: url(../images/i-01.jpg) no-repeat 95% center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.box-cure textarea{border: 0;width: 100%;color: #c9c9c9;outline: 0;padding: 5px;
  border-top: 10px solid #f1f1f1;
}
.box-cure .info em{color: #f00;font-size: 16px;position: absolute;left: 80px;}
/*
-----------------[奢侈品护理]--------------*/

.box-extr{background-color: #656565;position: relative;padding: 10px 0;margin-bottom: 12px;}
.box-extr:after{content: "";position: absolute;left: 50%;width: 31px;height: 12px;
    background: url(../images/i-02.jpg) no-repeat center center;bottom: -12px;margin-left: -15px;
}
.box-extr .pic{text-align: center;}
.box-extr .pic{display: inline-block;width: 100%;}
.box-extr p{width: 270px;margin: 0 auto;color: #fff;margin-bottom: 5px;}
.box-extr span{text-align: center;display: block;color: #ccc;}

.ul-extr{padding: 0 10px;}
.ul-extr li{overflow: hidden;padding: 15px 0;border-bottom: 1px solid #f1f1f1;}
.ul-extr .pic{float: left;margin-right: 10px;}
.ul-extr .pic img{display: block;width: 100%;}

.ul-extr .txt{overflow: hidden;}
.ul-extr .txt h4{font-size: 16px;color: #333;margin-top: -3px;}
.ul-extr .txt p{color: #999;margin-top: -2px;height: 3em;overflow: hidden;}

.box-extr ul{overflow: hidden;}
.box-extr li{width: 50%;float: left;text-align: center;color: #ccc;font-size: 18px;padding: 5px 0;}
.box-extr li img{display: block;margin: 0 auto 10px;}
.box-extr li:first-child{border-right: 1px solid #787878;}

.bgf{background-color: #fff;}

/*******************************
  -------[=LZ-end]-------
********************************/
